﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="login.aspx.cs" Inherits="ClinicaSanPablo.login.login" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script type="text/javascript" src="../js/jquery.js"></script>
    <script type="text/javascript" src="../js/jquery-ui.js"></script>
    <script type="text/javascript" src="../js/jquery.form.js"></script>
    <script type="text/javascript" src="../js/jquery.validate.js"></script>
    <script type="text/javascript" src="../js/jquery.alphanumeric.js"></script>
    <script type="text/javascript" src="../js/jquery.validate.pegudo.js"></script>
    <script type="text/javascript" src="../js/global.js"></script>
    <script type="text/javascript" src="../js/grid.locale-es.js"></script>
    <script type="text/javascript" src="../js/jquery.jqGrid.js"></script>
    <script type="text/javascript" src="../js/json2.js"></script>
    <script type="text/javascript" src="../js/jquery.MultiFile.js"></script>
    <link href="../css/jquery-ui.css" rel="stylesheet" type="text/css" />
    <link href="../css/ui.jqGrid.css" rel="stylesheet" type="text/css" />
    <link href="../css/estilos.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
        body
        {
            background: #FFF;
        }
        .input.error, input select.error
        {
            border: 1px solid red!;
        }
        .error
        {
            border: 1px solid red;
        }
        label.error
        {
            border: 0px solid red;
            color: Red;
        }
    </style>
    <script type="text/javascript">

        $(document).ready(function () {
            $("#login").validate({
                rules: {
                    txtusuario: {
                        required: true
                    },
                    txtpass: {
                        required: true,
                    }

                },
                messages: {
                    txtusuario: {
                        required: "* Ingrese el Usuario"
                    },
                    txtpass: {
                        required: "* Ingrese la Clave"
                    }
                }
            });
            $('.csAlfanumerico').alphanumeric({ allow: " .,-" });
        });

    </script>
</head>
<body>
    <form id="login" name="login" runat="server">
    <div id="mainLogin">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
                <td valign="top">
                    <div id="logoLogin">
                        <img src="../images/logo_login.gif" width="275" height="88" /></div>
                    <div id="cajLogin">
                        <table width="50%" border="0" align="center" cellpadding="2" cellspacing="1">
                            <tr>
                                <td>
                                    &nbsp;
                                </td>
                                <td>
                                    &nbsp;
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    &nbsp;
                                </td>
                                <td>
                                    &nbsp;
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    Usuario:
                                </td>
                                <td>
                                    <asp:TextBox ID="txtusuario" runat="server" Style="width: 150px" class="frm csAlfanumerico"
                                        MaxLength="50"></asp:TextBox>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    Clave :
                                </td>
                                <td>
                                    <asp:TextBox ID="txtpass" runat="server" Style="width: 150px" class="frm" TextMode="Password"
                                        MaxLength="50"></asp:TextBox>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    &nbsp;
                                </td>
                                <td>
                                    <asp:Button ID="btnAceptar" runat="server" Text="Aceptar" CssClass="submitBtn" OnClick="btnAceptar_Click" />
                                </td>
                            </tr>
                            <tr>
                                <td colspan="2">
                                    <asp:Label ID="lblerror" runat="server" Font-Bold="False" ForeColor="Red"></asp:Label>
                                    <asp:Label ID="lblNroIntentos" runat="server" Font-Bold="False" Visible="false" ForeColor="Red"></asp:Label>
                                </td>
                            </tr>
                        </table>
                    </div>
                </td>
                <td valign="top">
                    <div id="fotoLogin">
                        <img src="../images/f_login.JPG" width="565" height="440" /></div>
                </td>
            </tr>
        </table>
    </div>
    </form>
</body>
</html>
